.flex(@name, @val) {
  -webkit-@{name}: @val;
	-moz-@{name}: @val;
	-ms-@{name}: @val;
	-o-@{name}: @val;
	@{name}: @val;
}


.generate-width(@n, @i: 50) when (@i =< @n) {
  .width@{i}px {
    width: unit(@i,px);
  }
  .generate-width(@n, (@i + 50));
}

.generate-margin(@n, @d,@D,@i: 5) when (@i =< @n) {
  .margin@{d}@{i} {
    margin-@{D}: unit(@i,px) !important;
  }
  .generate-margin(@n, @d,@D,(@i + 5));
}

.generate-padding(@n, @d,@D,@i: 5) when (@i =< @n) {
  .padding@{d}@{i} {
    padding-@{D}: unit(@i,px) !important;
  }
  .generate-padding(@n, @d,@D,(@i + 5));
}